<ui:composition template="../templates/3-layoutTemplate.xhtml" xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets">
    <p:growl id="messages"/>

    <ui:define name="content-middle">
        
        <p:layout id="versionPageLayout" style="min-height:300px;" >
            <p:layoutUnit position="north" id="northPanelVersionPageLayout">
                <h:form id="versionPageBcForm">
                    <p:breadCrumb>
                        <p:menuitem value="Dashboard" url="home.xhtml" />
                        <p:menuitem value="Help" url="helpTab.xhtml" />
                        <p:menuitem value="Version" url="#" />
                    </p:breadCrumb>
                </h:form>
            </p:layoutUnit>
            <p:layoutUnit position="center" id="southPanelVersionPageLayout">

                <p:layout id="versionPageContentLayout" style="min-height:300px;" >
                    <p:layoutUnit position="west" minSize="150" id="leftPanelContentVersionPage">
                        <h:form id="helpPageMenuForm" prependId = "false" >
                            <p:menu style="border: none;">  
                                <p:submenu label="Help &amp; Support">  
                                    <p:menuitem value="Version"  style="font-weight: 900; color: red;"/>  
                                    <p:menuitem value="System Status" url="systemStatus.xhtml"/>  
                                    <p:menuitem value="About"  url="about.xhtml"/>
                                    <p:menuitem value="Support Contact" url="supportCenter.xhtml"/>
                                    <p:menuitem value="Report Problem"  url="reportProblem.xhtml"/>
                                </p:submenu>            
                            </p:menu>
                        </h:form>    
                    </p:layoutUnit>  
                    <p:layoutUnit position="center" id="centerPanelContentVersionPage">
                        <div style="float: left; display: inline; min-height:900px; width: 100%;">
                            <p:panel>  
                                <p:panelGrid columns="2" styleClass="panelgridstyle" id="filterPanelGrid" >
                                    <h:outputLabel value = "Select option from the left panel" style = "font-weight: bold;"/>
                                    
                                </p:panelGrid>
                                
                            </p:panel>
                        </div>  
                    </p:layoutUnit>  
                </p:layout>
                
            </p:layoutUnit>
        </p:layout>

    </ui:define>

</ui:composition>